<style scoped>
  .min-box{
    text-align: center;
    min-width: 100px;
  }
  .box{
    text-align: center;
  }
  .toast-content{
    padding: 20px;
    font-size: 16px;
    border-bottom: 1px solid #dfdfdf;
  }
  p{
  }
  .button{
    margin: 20px 20px 0;
    font-size: 16px;
    padding: 0 20px;
  }
</style>
<template>
  <modal :visible="visible" @close="close">
    <div class="box">
      <section class="toast-content">
        {{msg}}
      </section>
      <p>
        <button class="button" @click="close">取消</button>
        <button class="button" @click="sub">确认</button>
      </p>
    </div>
  </modal>
</template>

<script>
  import { Modal } from 'vue-bulma-modal'

  export default {
    components: {
      Modal
    },

    props: {
      visible: Boolean,
      list: Array,
      msg:String
    },

    methods: {
      close () {
        this.$emit('close')
      },

      sub () {
        let vm = this
        this.$emit('sub',vm.close)
      }
    }
  }
</script>
